<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--引入easyui的样式 -->
<link rel="stylesheet"  type="text/css" href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css">
<link rel="stylesheet"  type="text/css" href="${pageContext.request.contextPath}/themes/icon.css">
<!-- js文件 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>
</head>
<script type="text/javascript">
//增加
//点击新增显示新增信息窗口
function addCourse(){
	 $('#dlg').dialog('open').dialog('center').dialog('setTitle','新增课程信息');
     $('#fm').form('clear');
    
     //隐藏确认按钮
		$('#ok').hide();
	    //显示保存按钮
	     $('#save').show();
   //点击新增窗口保存按钮功能
     $(function(){
 		
 		
 		$("#save").click(function(){
 			//获取新增窗口内输入的内容
 			var course = new Object();
 			course.cname = $("#cname").val();
 			
 			course.cbtime = $("#cbtime").datebox('getValue');
 			course.cetime = $("#cetime").datebox('getValue');
 			course.ccount = $("#ccount").val();
 			tname = $("#tname").combobox("getValues");
 			//取出下拉列表中的值
 			 $.each(tname, function(i,val){      
 			     
 			      course.tname=val;
 			  });   
 			
 			$.each(course,function(){
 				
 			})
 			var json=JSON.stringify(course);
 			
 			if(course.cname==""|course.cbtime==""|course.cetime==""|course.ccount==""|course.tname==""){
 				$.messager.alert('提示','请填入数据')
 			}else{
 			//通过ajax发送内容
 			$.ajax({
 				
 				type:"post",
 				url:"addCourse",
 				data:{"course":json},
 				dataType:"text",
 				success:function(data){
 					if(data=="true"){
 						//提示窗口
 						$.messager.alert('提示','增加成功','info',function(){
 							$('#StuList').datagrid('reload');
 						});
 						//关闭新增窗口
 						 $('#dlg').dialog('close')
 					}else{
 						$.messager.alert('提示','增加失败','info',function(){
 							$('#StuList').datagrid('reload');
 						});
 						//关闭新增窗口
 						 $('#dlg').dialog('close')
 					}
 					
 				}
 			
 				
 		})
 			}
 			
 		});
 		
 		
 	})
    
    }

//更改
function updateCourse(){
		 
	  	//获取所有选中的行
	     var course =  $('#StuList').datagrid('getSelections');
		//判断选中了多少行  只有选中1行的时候才可以更改	
	  	if(course.length==1){
				
				//将选中的行数据放到更改窗口中
				$("#cname").textbox('setValue',course[0].cname);
				 $("#cbtime").datebox('setValue',course[0].cbtime);
				 $("#cetime").datebox('setValue',course[0].cetime);
				 $("#ccount").textbox('setValue',course[0].ccount);
				 $("#tname").combobox('setValue',course[0].tname);
				//显示更改窗口 
		     $('#dlg').dialog('open').dialog('center').dialog('setTitle','更改课程信息');
		    //隐藏保存按钮
			$('#save').hide();
		    //显示确认按钮
		     $('#ok').show();
		     
		     
		     //点击更改窗口确认按钮功能
		       $(function(){
		   		
		   		
		   		$("#ok").click(function(){
		   			//获取更改窗口内输入的内容
		   			var newcourse = new Object();
		   			newcourse.cid = course[0].cid;
		   			newcourse.cname = $("#cname").val();
		   			newcourse.cbtime = $("#cbtime").datebox('getValue');
		   			newcourse.cetime = $("#cetime").datebox('getValue');
		   			newcourse.ccount = $("#ccount").val();
		   			tname = $("#tname").combobox("getValues");
		   			//取出下拉列表中的值
		   			 $.each(tname, function(i,val){      
		   			     
		   				newcourse.tname=val;
		   			  });   
		   			
		   			
		   			var json=JSON.stringify(newcourse);
		   			//通过ajax发送内容
		   			$.ajax({
		   				
		   				type:"post",
		   				url:"updateCourse",
		   				data:{"newcourse":json},
		   				dataType:"text",
		   				success:function(data){
		   					if(data=="true"){
		   						//提示窗口
		   						$.messager.alert('提示','更改成功','info',function(){
		   							$('#StuList').datagrid('reload');
		   						});
		   						//关闭新增窗口
		   						 $('#dlg').dialog('close')
		   					}else{
		   						$.messager.alert('提示','更改失败','info',function(){
		   							$('#StuList').datagrid('reload');
		   						});
		   						//关闭新增窗口
		   						 $('#dlg').dialog('close')
		   					}
		   				}
		   		});
		   		});
		   	})
			}else{
				$.messager.alert('提示','请选中1条数据更改')
			}
	  		
	     	 
}
//删除

function delCourse(){
	//获取被选中需要删除的数据
	var  data  =  $("#StuList").datagrid('getSelections');
	if(data.length==0){
			$.messager.show({
				title:'警告',
				msg:'请选中需要删除的数据',
				timeout:1000,
				showType:'slide',
				style:{
					left:50,
					right:'',
				top:100
				}
			});
		}else{
	//声明一空的组数  装我选中的sid
		var cids = [];
		for (var i = 0; i < data.length; i++) {
			 cids.push(data[i].cid);
		}
		$.messager.confirm('学生数据确认', '确认是否删除'+data.length+'条数据', function(r){
			if (r){
				    //通过ajax请求将对应数据发送到后台中
				    $.ajax({
				    	type:"post",
				    	url:'delCourse',
				    	data:{"cids":cids},
				    	dataType:"text",
				    	success:function(data){
				    		if(data=="true"){
				    			//提示删除成功
				    			$.messager.alert('提示','删除成功','info',function(){
				    				$("#StuList").datagrid('reload');
				    			});   
				    			
				    		}else{
				    			//提示删除失败
				    			$.messager.alert('提示','删除失败'); 
				    		}
				    	}
				    });
				}else{
					$("#StuList").datagrid('uncheckAll');
				}
		})
}
}

//查找
$(function(){
	//点击搜索的时候只能功能
	$('#search').searchbox({
	    searcher:function(value){
	   		//如果搜索内容为空刷新当前页面
	    	if(value==""){
				    window.location.reload();

	   		}else{
	   			
	    	$.ajax({
	   		type:"post",
	    	url:'selectCourse',
	    	data:{"course":value},
	    	dataType:"json",
	    	success:function(data){
	    		//加载搜索结果
	    		$('#StuList').datagrid('loadData',data);  
	    			}
	   			})
	   		 
	   		}
	    	
	    }
	   
	})
})
</script>

<body>

 <table id="StuList" title="课程信息查询" class="easyui-datagrid"
            toolbar="#toolbar" pagination="true" fit="true" 
            url="selectAllCourse" striped="true" pageSize=10
            rownumbers="true" fitColumns="true" border="false">
        <thead>
            <tr>
                <th field="ck" checkbox=true></th>
                <th field="cid"  hidden="true" >课程ID</th>
                <th field="cname" width='50' resizable='false' >课程名称</th>
                <th field="cbtime" width='50' resizable='false'>开始时间</th>
                <th field="cetime" width='50' resizable='false'>结束时间</th>
                <th field="ccount" width='50'resizable='false'>课程人数</th>
                <th field="tname" width='50' resizable='false'>任课老师</th>
            </tr>
        </thead>
    </table>
    <div id="toolbar">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addCourse()">增加</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="updateCourse()">修改</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="delCourse()">删除</a>
		<input id="search" class="easyui-searchbox"  style="width:250px" data-options="prompt:'请输入课程名或者老师名'">
    </div>
    <div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"
            closed="true" buttons="#dlg-buttons">
            
            <div style="margin-left: 20%">
        <div class="ftitle">课程信息</div>
        <form id="fm" method="post" novalidate>
            <div class="fitem" style="margin-top: 10px">
                <label>课程名称:</label>
                <input id="cname" class="easyui-textbox"  required="true" >
            </div>
            <div class="fitem" style="margin-top: 10px">
                <label>开课时间:</label>
                <input id="cbtime" class="easyui-datebox" required="required" >
            </div>
            <div class="fitem" style="margin-top: 10px">
                <label>结束时间:</label>
                <input id="cetime" class="easyui-datebox" required="required" >
            </div>
            <div class="fitem" style="margin-top: 10px">
                <label>课程人数:</label>
                <input id="ccount" class="easyui-textbox" required="true" >
                
            </div>
            <div class="fitem" style="margin-top: 10px">
            
                <label>任课老师:</label>
                <!-- 动态加载目前所有的老师 -->
                <input id="tname" class="easyui-combobox"  data-options="valueField:'id',textField:'text',url:'findTea'"   required="true">
            </div>
        </form>
    </div>
    </div>
    <div id="dlg-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok"  style="width:90px" id="save">保存</a>
        <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok"  style="width:90px;display:none" id="ok" >确认</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">取消</a>
    </div>
</body>
</html>